// 登录页
import React from 'react';

// 01-引入样式表，在静态资源目录中，一般放img，css
import '@/assets/css/login.css'
// 02-引入antd组件库中组件
import {Card, Tabs} from 'antd'
// 03-分别引入封装的子组件
import Normal from './Normal'
import Phone from './Phone'

const Index = () => {
    return (
        <div className='login'>
            <Card bordered={false} style={{ width: 350}} >
                <Tabs
                    defaultActiveKey="1"
                    centered
                    tabBarGutter={100}
                    size='large'
                    items={[
                        {
                            label: `密码登录`,
                            key: '1',
                            children: <Normal></Normal>,
                        },
                        {
                            label: `短信登录`,
                            key: '2',
                            children: <Phone></Phone>,
                        }
                    ]}
                />
            </Card>
        </div>
    );
}

export default Index;
